<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        assign(url)  当前窗口跳转到这url，
        replace  在当前窗口替换成url，不会产生历史记录
        reload   刷新当前窗口
        reload(true)  不经过浏览器缓存强制从服务器重载  F5（强制刷新）
     -->

    <button id="btn1">assign</button>
    <button id="btn2">replace</button>
    <button id="btn3">reload</button>
    <button id="btn4">reload true</button>
    <script>
        var btn1=document.querySelector("#btn1");
        btn1.onclick=function()
        {
            location.assign("http://www.baidu.com")
        }
        var btn2=document.querySelector("#btn2");
        btn2.onclick=function()
        {
            location.replace("http://www.163.com")
        }
        var btn3=document.querySelector("#btn3");
        btn3.onclick=function()
        {
            location.reload()
        }
        var btn4=document.querySelector("#btn4");
        btn4.onclick=function()
        {
            location.reload(true)
        }
    </script>
    
</body>
</html>